import React,{Component} from 'react';
import {Row,Col,Table} from 'antd';
import './style.scss';

class View extends Component{

    render(){
        const columns=[
            {
                title:'序号',
                key:'index',
                dataIndex:'index'
            },
            {
                title:'编码',
                key:'number',
                dataIndex:'number'
            },
            {
                title:'英文名',
                key:'englishName',
                dataIndex:'englishName'
            },
            {
                title:'中文名',
                key:'chineseName',
                dataIndex:'chineseName'
            },
            {
                title:'数据类型',
                key:'dataType',
                dataIndex:'dataType'
            },
            {
                title:'数据长度',
                key:'length',
                dataIndex:'length'
            },
            {
                title:'是否主键',
                key:'isPrimaryKey',
                dataIndex:'isPrimaryKey'
            },
            {
                title:'是否增量',
                key:'isIncrement',
                dataIndex:'isIncrement'
            },
        ]
        const dataSource=[
            {
                index:'1',
                number:'123',
                englishName:'qwe',
                chineseName:'阿萨德',
                dataType:'整型',
                length:'12',
                isPrimaryKey:'是',
                isIncrement:'是'
            },
            {
                index:'1',
                number:'123',
                englishName:'qwe',
                chineseName:'阿萨德',
                dataType:'整型',
                length:'12',
                isPrimaryKey:'是',
                isIncrement:'是'
            },
            {
                index:'1',
                number:'123',
                englishName:'qwe',
                chineseName:'阿萨德',
                dataType:'整型',
                length:'12',
                isPrimaryKey:'是',
                isIncrement:'是'
            },
        ]
        return(
            <div className='view'>
                <p style={{fontSize:15,fontWeight:'bold'}}>基本信息</p>
                <Row>
                    <Col span={12}>
                        <p><span className='left'>资源分类</span><span style={{marginLeft:20}}>部门资源信息/户政科/市民户口信息</span></p>
                        <p><span className='left'>资源名称</span><span style={{marginLeft:20}}>2017市民户口信息</span></p>
                        <p><span className='left'>共享类型</span><span style={{marginLeft:20}}>共享</span></p>
                        <p><span className='left'>共享方式</span><span style={{marginLeft:20}}>共享平台方式</span></p>
                        <p><span className='left'>资源格式</span><span style={{marginLeft:20}}>数据库</span></p>
                        <p><span className='left'>是否向社会开放</span><span style={{marginLeft:20}}>是</span></p>
                        <p><span className='left'>更新周期</span><span style={{marginLeft:20}}>每小时</span></p>
                    </Col>
                    <Col span={12}>
                        <p><span className='left'>资源代码</span><span style={{marginLeft:20}}>09372819</span></p>
                        <p><span className='left'>资源简称</span><span style={{marginLeft:20}}>户口信息</span></p>
                        <p><span className='left'>共享条件</span><span style={{marginLeft:20}}></span></p>
                        <p><span className='left'>共享方式类型</span><span style={{marginLeft:20}}>接口</span></p>
                        <p><span className='left'>资源格式类型</span><span style={{marginLeft:20}}></span></p>
                        <p><span className='left'>开放条件</span><span style={{marginLeft:20}}></span></p>
                        <p><span className='left'>摘要</span><span style={{marginLeft:20}}></span></p>
                    </Col>
                </Row>
                <Row className='secondRow'>
                    <Col span={12}>
                        <p><span className='left'>资源提供方</span><span style={{marginLeft:20}}>部门资源信息/户政科/市民户口信息</span></p>
                        <p><span className='left'>提供方联系人</span><span style={{marginLeft:20}}>2017市民户口信息</span></p>
                    </Col>
                    <Col span={12}>
                        <p><span className='left'>提供方代码</span><span style={{marginLeft:20}}>09372819</span></p>
                        <p><span className='left'>联系人电话</span><span style={{marginLeft:20}}>户口信息</span></p>
                    </Col>
                </Row>
                <Row>
                    <Col span={24}>
                        <p style={{fontSize:15,fontWeight:'bold',height:30}}>数据项信息</p>
                        <Table
                            columns={columns}
                            dataSource={dataSource}
                        />
                    </Col>
                </Row>
            </div>
        )
    }
}
export default View;